@charset "UTF-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  height: 100%;
  margin: 0;
  font-family: "微软雅黑", "yahei","宋体","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #333;
  background-color: #fff;
  /* background: url('../../images/zxkf_new/qq-bg.jpg') no-repeat center; */
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* 要注意表单元素并不继承父级 font 的问题 */
label,
input,
button,
select,
textarea {
  font-size:inherit;
  font-weight: normal;
  line-height: 1;
  color: #333;
}

input,
button,
select,
textarea {
  font-family: "微软雅黑", "yahei","宋体", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #f0f4f7;
  border-radius: 3px;
  line-height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  height: 30px;
}

textarea {
  height: auto;
}

select {
  padding: 5px;
  line-height: 16px;
  padding: 5px 0\9;
}

input[type="checkbox"], input[type="radio"] {
  height: auto;
}

input:focus,
select:focus,
textarea:focus {
  /* border-color: rgb(255,145,19); */
  outline: 0;
  background-color: #f8fcff;
}

input[type="checkbox"], input[type="radio"] {
  border: none;
  padding: 0;
  background-color: transparent;
}

textarea {
  resize: none;
}

input::-webkit-input-placeholder {
  color: #666;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  height: auto;
  line-height: 1;
  padding: 6px 10px;
  min-width: 40px;
}

button:focus {
  outline: none;
}

/*美化select*/
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../../images/zxkf_new/select_arrow.png") no-repeat scroll calc(100% - 10px) center #fff;
  padding-right: 27px;
  background-image: none\9;
  padding-right: 0\9;
}

select::-ms-expand {
  display: none;
}

.placeholder {
  color: #999;
}

/*IE10以上 input X 去掉文本框的叉叉*/
::-ms-clear {
  display: none;
}

.clear-x {
  width: 29px;
  height: 24px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 1px;
  z-index: 222;
  pointer-events: none;
}

.clear-x.focused {
  width: 26px;
  height: 24px;
  background: #f8fcff;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 4px;
  z-index: 222;
  pointer-events: none;
}

.wrap-input {
  position: relative;
}

.wrap-input:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: red;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/*谷歌美化滚动条*/
/* 滑块颜色 */
::-webkit-scrollbar {width: 8px;height: 10px;}
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3);  border-radius: 999px; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ul, ol {
  margin: 0;
  padding: 0;
  outline: 0;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
  text-align: center;
}

/* 去除默认边框 */
fieldset, img {
  border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
  border: none;
}

frame {
  border: none;
}

/* 去掉列表前的标识, li 会继承 */
ol, ul {
  list-style: none;
}

/* hr */
hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ffffff;
}

hr.dot {
  border-top-style: dashed;
}

/*开发套框架需要*/
body.width-auto {
  min-width: 0;
}

/* a */
a {
  color: #2984FF;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

a:hover {
  color: #0753b8;
  transition: background-color, color,.2s ease-in-out;
}

/* height */
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }
.h26 { height: 26px; }

/*width*/
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w265 { width: 265px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w332 { width: 332px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w660 { width: 660px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w1000 { width: 1000px; }
.w1200 { width: 1000px; }
/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct27 { width: 27%; }
.pct30 { width: 30%; }
.pct33 { width: 33.3%; }
.pct40 { width: 40%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.6%; }
.pct70 { width: 70%; }
.pct73 { width: 73%; }
.pct75 { width: 75%; }
.pct79 { width: 79%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct92 { width: 92%; }
.pct93 { width: 93%; }
.pct94 { width: 94%; }
.pct95 { width: 95%; }
.pct96 { width: 96%; }
.pct97 { width: 97%; }
.pct98 { width: 98%; }
.pct99 { width: 99%; }
.pct100 { width: 100%; }
.pct110 { width: 105%!important; }

/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }

/* margin */
.m0 { margin: 0; }
.m3{margin:2px 3px;}
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m50 { margin: 50px; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml80 { margin-left: 80px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt0 { margin-top: 0px!important; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
/* margin negative */
.m-1{margin:-1px;}
.ml-1 { margin-left: -1px; }
.mr-1 { margin-right: -1px; }
.mt-1 { margin-top: -1px; }
.mb-1 { margin-bottom: -1px; }
.ml-5 { margin-left: -5px; }
.mr-5 { margin-right: -5px; }
.mt-5 { margin-top: -5px; }
.mb-5 { margin-bottom: -5px; }
.ml-10 { margin-left: -10px; }
.mr-10 { margin-right: -10px; }
.mt-10 { margin-top: -10px; }
.mb-10 { margin-bottom: -10px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-right: -20px; }
.mt-20 { margin-top: -20px; }
.mb-20 { margin-bottom: -20px; }

/* padding */
.p0 { padding: 0; }
.p5 { padding: 1px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}
.p30 { padding: 30px;}
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }
.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }
.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }
.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }
.pb70 { padding-bottom: 70px; }
/* font-size */
.f0 { font-size: 0; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }

.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t-indent{text-indent:2em;}

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }

/* float */
.fl{ float: left; }
.fr { float: right; }

/*overflow*/
.ovh { overflow: hidden; }
.ova{overflow: auto;}


.cell{display: flex;align-items: center;flex-shrink: 1;width: 100%;flex-wrap: wrap;}
/* btn */
.btn {
  display: inline-block;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid transparent;
  min-width: 40px;
  color: #333;
  background-color: #e9e9e9;
  border-color: #ccc;
}

.btn:focus {
  color: #333;
  background-color: #d0d0d0;
  border-color: #8c8c8c;
}

.btn:hover {
  color: #333;
  background-color: #d0d0d0;
  border-color: #adadad;
}

.btn.disable {
  background-color: #ddd;
  border-color: #ccc;
  color: #ccc;
}

.btn.disable:hover, .btn.disable:focus, .btn.disable.focus {
  background-color: #ddd;
  border-color: #ccc;
  color: #ccc;
}

.btn.rec {
  border-radius: 0;
}

.btn-default {
  color: #fff;
  background-color: #2984FF;
  border-color: #2984FF;
}

.btn-default:focus {
  color: #fff;
  background-color: rgb(53,148,230);
  border-color: rgb(53,148,230);
}

.btn-default:hover {
  color: #fff;
  background-color: #1f74e3;
  border-color: #1f74e3;
}

.btn-default.disable {
  background-color: #ddd;
  border-color: #ccc;
  color: #ccc;
}

.btn-default.disable:hover, .btn-default.disable:focus, .btn-default.disable.focus {
  background-color: #ddd;
  border-color: #ccc;
  color: #ccc;
}


.hide{display: none;}
.f12{font-size: 12px!important;}
.color-gray{color: #999!important;}
.color-red{color: red!important;}
.vm{display:inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background-image: url("../../images/zxkf_new/new/icon_refresh.png"); background-size: 16px;}
.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}
.side .icon{width:20px;height:20px;}
.icon-tel{background:url(../../images/zxkf_new/icon_tel.png)}
.icon-chat{background:url(../../images/zxkf_new/icon_chat.png)}
.icon-hot{background:url(../../images/zxkf_new/icon_hot.png);width:16px;height:16px;vertical-align: -3px;}
.icon-copy{background:url(../../images/zxkf_new/icon_copy.png);width:16px;height:16px;vertical-align: -3px;}
.wrap {
  width: 1200px;
  height: calc(100% - 60px);
  background: #fff;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 0px rgba(16, 47, 70, 0.1);
}

.qq-box {
  height: 100%;
  border-radius: 5px;
}

.header {
  padding: 0 30px 0 35px;
  /* border-radius: 8px 8px 0 0; */
  height: 60px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;

  box-shadow: 0px 1px 0px 0px #EEEEEE;
}
.header-title{
  display: flex;
  align-items: center;
  font-weight: 500;
}
.header-title h1{font-size: 24px;color: #666;}
.header-title h1 span{color: #1885ed;margin-right: 5px;}
.header-ava{
  margin-right: 5px;
}
.header-close{
  width: 24px;
  height: 24px;

}
.header-close img{
  width: 100%;
  height: 100%;
}
.header .brand {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #e8e9ec;
  font-size: 16px;
  margin-right: 25px;
}

.header .area {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 16px;
  border: 1px solid #5da9eb;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;position: relative; float: right; margin-right: 0px; margin-top: 6px;
}


.header .area .icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  color: #255bda;
}

.header .area .current {
  display: inline-block;
  vertical-align: middle;
  max-width: 72px;
  margin: 0 5px;
}

.header .dropdown-menu {
  display: none;
  max-width: 200px;
  max-height: 500px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin: 5px 0;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.header .area:hover{color:#fff}
.header .dropdown-menu a{display: block;padding: 5px 30px;border-top: 1px solid #eee;color:#333;}
.header .dropdown-menu a:hover{background-color: #eee;}

.header .dropdown-menu .title {
  background: #f8f8f8;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.header .dropdown-menu .title {
  background: #f8f8f8;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.content{height: calc(100% - 60px); margin: 0px;}
.qq-content {
  height: calc(100% - 186px);
  min-height: 200px;
  overflow-y: auto;
  border-bottom: none;
  background: #fff;
}

.qq-list {
  overflow-y: auto;
  line-height: 26px;
  padding:0 6px;
  background: #fff;
}
.qq-list>li {
  margin: 15px 10px;
}

.qq-list>li.media-right {
  text-align: right;
}

.qq-list>li .inner {
  position: relative;

}
.qq-list>li .inner:before,
.qq-list>li .inner:after{display:block;content:"";clear: both;}

.qq-list .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
}

.qq-list .media-left .thumb {
  background: url("../../images/zxkf_new/qq_thumb_left.png") no-repeat;
  background-size: cover;
  display: inline-block;
}

.qq-list .media-right .thumb {
  left: auto;
  right: 0;
  background: url("../../images/zxkf_new/qq_thum_right.png") no-repeat;
  background-size: cover;
  display: inline-block;
}

.qq-list .cc {
  padding:8px 12px;
  position: relative;
  border-radius: 10px;
  margin-right: 56px;
  margin-left: 65px;
  display: inline-block;
  box-sizing: border-box;
  background: #F3F3F7;
  min-height: 40px;
  max-width:calc(100% - 90px);
}
/* .qq-list .media-right .cc{max-width: 80%;} */
.qq-list .cc .blue {
  color: rgba(0, 133, 255, 1);
}

.qq-list .cc:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right-color: #F3F3F7;
  position: absolute;
  left: -25px;
  top: 6px;
}

.qq-list .media-right .cc:after {
  left: auto;
  right: -22px;
  border-right-color: transparent;
  border-left-color: #2984FF;
  display: block;
}
.qq-list li .cc{
  margin-right: 0;
  word-break: break-all;
}
.qq-list .media-left .cc a.link{
  color: #1170ba;
}
.qq-list .media-right .cc a.link{
  color: #ffffff;
}
.qq-list li.media-right .cc{
  text-align: left;
  margin-left: 0;
  margin-right:56px;
  background-color: #2984FF;
  color: #fff;
}


.qq-foot{
  position:relative;
  height: 186px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px -1px 0px 0px rgba(16, 47, 70, 0.1);
}
.qq-foot .scroll {
  padding: 4px 15px;
  overflow-x: auto;
  background: rgb(234 234 234);
  border-top: 1px solid #dedede;
  position: relative;
  white-space: nowrap;
  display: none;
}
.qq-foot .scroll .item {
  display: inline-block;
  border: 1px solid rgb(255,145,19);
  margin-right:5px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
  border-radius: 20px;
  padding: 3px 11px;
  font-size: 14px;
  cursor: pointer;
  background:#fff4ec;
}

.qq-foot .input-wrap {
  padding: 58px 54px 40px 20px;
  box-sizing: border-box;
  height: 100%;
}
input:focus, select:focus, textarea:focus{
  
}
.qq-foot .input-wrap .chart-input {
  display: block;
  flex:1;
  /* margin: 58px 54px;
  width: 100%;
  height: 186px; */
  /* font-size: 14px; */
  box-sizing: border-box;
  border-radius: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.qq-foot .input-wrap .actions {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  right: 23px;
  bottom: 32px;
}
.qq-btn{
  border: 1px solid transparent;
  padding: 3px 16px;
  border-radius: 20px;
  font-size: 12px;
  user-select: none;
  box-sizing: border-box;
  width: 80px;
  height: 40px;
  border: none;
}
.qq-btn-default{
  background: #2984FF;color: #fff;
  width: 80px;
  height: 40px;
}
.qq-btn-default:hover{background: rgba(53, 148, 230, 0.925);color:#fff;}



.qq-foot .input-wrap .sent-tips {
  margin-top: 8px;
  color: #999;
  font-size: 12px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.qq-list .suggest-list,
.qq-list .suggest-tags,
.qq-list .pic-list{max-width:100%;box-sizing: border-box; }
.qq-list .suggest-tags{margin-top:5px; min-width: 250px;}

/*右侧内容 begin*/
.right-body{
  display: none;
}

/*右侧内容 end*/

.suggest-list{border-radius: 5px;padding: 4px 15px;margin-top:10px;}
.suggest-list.guessyou{padding-left:80px;background:#F4F5F7 url(../../images/zxkf_new/guessyou.png) no-repeat 0 0;min-height:80px;}
.suggest-list h3{color:#1376cb;border-bottom: 1px solid #eee;padding: 5px 15px;font-weight: 800;}
.suggest-list a{
  display: block;
  padding: 5px 10px;
  color:#333; font-size: 12px; background: url(../../images/zxkf_new/icon-point.png) left center no-repeat;
}
.suggest-list a:hover{color:rgb(255,145,19)}
.suggest-list li:last-child a{border-bottom:none;}

.qq-box .complete-list{position: absolute;bottom: 165px;}
.complete-list{width:400px;box-shadow: 0 0 5px rgba(0,0,0,0.3);max-height:200px;overflow-y:auto;background: #fff;border-radius: 5px;;}
.complete-list a{
  display: block;
  padding: 8px 10px;
  border-bottom: 1px solid #eee;
  color:#333;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
  width:100%;
}
.complete-list a:hover{background-color: #eee;}
.complete-list a span{color: red;}
.complete-list li:last-child a{border-bottom:none;}

.suggest-tags{
  display: flex;
  flex-direction: column;
}
.suggest-tags a{
  display: flex;
  /*flex-wrap: wrap;*/
  /* padding: 0 11px; */
  /* margin: 5px 3px 5px 0; */
  max-width: 100%;
  overflow: hidden;
  color: rgba(0, 133, 255, 1);
  margin-bottom: 5px;
  /* color: #fd6d0d;} */
}

.suggest-tags-count{
  margin-right: 5px;
  min-width: 18px;
  height: 18px;
  background: #cfe0ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  font-weight: 400;
  color: #2984FF;
  align-items: center;
  margin-right: 5px;
  position: relative;
  font-size: 14px;
  top: 4px;
}
/* .suggest-tags a:hover{background-color: #fde6d6;} */

.rate-actions a{display: inline-block;width:24px;height:24px;border-radius:50%;background:  url(../../images/zxkf_new/zan.png) no-repeat  #fff;}
.rate-actions a:hover{background-color: #eee;}
.rate-actions a.active{background-position: 0 -24px;}
.rate-actions .bad{background-position: -24px 0;margin-top:5px;}
.rate-actions .bad.active{background-position: -24px -24px;}
.rate-actions .copy,
.rate-actions .copy.active{background:  url(../../images/zxkf_new/icon_copy.png) center center no-repeat  #fff;}

.qq-list .rate-actions{position: absolute;right:-34px;bottom:-5px;}

.pic-list{border-radius: 5px;background-color: #fff;padding: 0 15px;margin-top:10px;overflow: hidden;}
.pic-list li{float: left;text-align: center;}
.pic-list li a{color:#333;display: block;padding: 5px 10px;}
.pic-list li a:hover{background-color:#eee;}
.pic-list li img{width:40px;}

.tab-pane{display:none; clear:both;}
.tab-pane.active{display:block;}

.tab { width: 100%;height: 36px;
  line-height: 30px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;border-bottom: 1px solid #ddd;/* padding-bottom: 6px; */}
.tab::-webkit-scrollbar {width: 8px;height: 6px;}
.tab::-webkit-scrollbar-thumb{background-color: #2984FF;}
.tab ul {height: 100%;}
.tab li {display: inline-block;height: 100%;}
.tab li a{padding: 0 15px;color: #333;position: relative;display: block;height: 100%;}
.tab li:hover a {color: rgb(255, 145, 19);}
.tab li a.active,.tab li.active a { color: #2984FF;font-weight: bold;}
.tab li a.active:after,.tab li.active a:after{/*content:"";*/width: 34px;height: 3px;background: #2984FF;position:absolute;bottom: 0px;;left: 50%;margin-left: -17px;border-radius: 30px;}


.tab h3{position: relative;border-bottom: 1px solid #eee;font-size: 14px;font-weight: normal;line-height: 32px;padding-left: 18px;}
.tab h3::before{content:"";position: absolute;left: 10px;top: 8px;height: 15px;width:3px;background-color: rgb(255,145,19);}
.tab.w1 li{width:50%;text-align: center;}
.vertical.tab{border-bottom:none;border-right: 10px solid #f8f8f8;}
.vertical.tab li{float: none;padding-left:10px;}
.vertical.tab li.active{background-color:#e7ecf9}
.vertical.tab li > a{text-align: left;position:relative;}
.vertical.tab li > a:before{content:"";position:absolute;width: 6px;height: 6px;border-radius:50%;background-color: #e0e0e0;left: 5px;top: 12px;}
.vertical.tab li.active a{color:#333;}
.vertical.tab li.active > a:before{background-color:rgb(255,145,19);border-bottom: none;}

.side{float:right;width:300px;height:calc(100% - 20px);background-color: #fff;border-left:1px solid #eee;padding:10px;overflow-y: auto;}

.side-title{font-size:18px;margin:20px 0 10px 0;font-weight:normal;}

.side-list li{margin-top:12px;}
.side-list li a{color:#333;display: block;width:calc(100% - 40px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.side-list li a:hover{color: #ff9b0c;}

.side-tools{overflow: hidden;}
.side-tools li{width:33%;float: left;text-align: center;}
.side-tools li a{color:#333;}
.side-tools li img{margin-bottom:5px;}

.height-pan{height:80px;overflow: hidden;padding-top:10px;}

.show-phone{float:right;margin-top: -8px;}
.btn-progress{float:right;margin-right:40px; margin-top: 6px;}
.btn-progress:hover{opacity: 0.8;}
/*弹出框 modal */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9000;
  background-color: #fff;
}

.modal-backdrop.fade, .modal.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9001;
  width: 630px;
  border-radius: 10px;
  margin: -220px 0 0 -315px;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}

.modal.hide {
  display: none;
}

.modal.fade.in {
  top: 50%;
}

.modal-header {
  padding-right: 10px;
  height: 44px;
  line-height: 44px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #eee;

}

.modal-header h4 {
  margin: 0;
  margin-left: 10px;
  font-size: 14px;
  display: inline-block;
}

.modal .close {
  min-width: auto !important;
  float: right;
  font-size: 30px;
  line-height: 40px;
}

.modal .modal-body .close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #999;
  margin-top: 0;
}

/*close在modal-body*/
.modal .close:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-body {
  overflow-y: auto;
  max-height: 440px;
  padding: 15px;
  position: relative;
}
.modal-footer {
  padding: 10px 15px;
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #ced9e1;
  text-align: right;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}
.modal.mid{ width: 800px; margin: -270px 0 0 -400px; }
.modal.lg{ width: 1000px; margin: -270px 0 0 -500px; }

/* .sub-title */
.sub-title{color: #2984FF;font-weight: normal;font-size: 100%;position: relative;padding-left: 10px;}
.sub-title::before{content:"";position: absolute;left: 0;top: 5px;width: 4px;border-radius: 5px;height: 16px;background-color:#2984FF ;}

/* progress-form 事项查询*/
.progress-form{width:60%;margin:10px auto;}
.progress-form input{width:100%;box-sizing: border-box;height: 40px;line-height: 40px;box-shadow: inset 0 0 5px rgba(0,0,0,0.05);margin-bottom: 15px;}
.progress-form .btn{width:100%;box-sizing:border-box;height: 40px;line-height: 40px;padding:0;}
/* 碎片 */
.modal-body .table-cell{margin:-15px;overflow: hidden;}
.table-cell{display:table;}
.table-cell .tab{width:180px;display: table-cell;}
.table-cell .tab-content{display: table-cell;}

/* 清屏和置顶按钮 */
.fixed-btns{position: fixed;bottom: 180px;margin-left: 830px;}
.fixed-btns a{display: block;height: 28px;line-height: 28px;border-radius: 20px;text-align: center;box-shadow: 0 0 4px rgba(0,0,0,0.3);margin: 10px 0;background: #fff;color: #666;padding: 0 12px 0 12px; font-size: 12px;}

.flex{display:flex}
.flex-wrap{display:flex;flex-wrap:wrap}
.flex-column{flex-direction:column}
.flex-jus{justify-content:space-between}
.flex-aro{justify-content:space-around}
.flex-center{justify-content:center}
.flex-start{justify-content:flex-start}
.flex-end{justify-content:flex-end}
.flex-align-start{align-items:flex-start}
.flex-align-end{align-items:flex-end}
.flex-align-center{align-items:center}
.qq-foot .box-add{
  display: none;
}
.qq-foot .input-wrap .input-wrap-icon {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-shadow: 0 0 4px rgb(0 0 0 / 30%); 
}
.qq-foot .input-wrap .input-wrap-icon.s1 {
  right: 80px;
}
.qq-foot .input-wrap .input-wrap-icon >img{
  width: 24px;
  height: 24px;
}
.input-wrap-send{
  display: none;
}
.cc-line{
  display: flex;
  flex-wrap: wrap;
}
.cc-loaction-img{
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: 5px;
}
.cc-select-wrap{
  padding-top: 8px;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  align-items: start;

}
.cc-select-item{
  /* width: 64px; */
  padding: 5px 10px;
  /* height: 32px; */
  background: #fff;
  border-radius: 4px;
  border: 1px solid #E9E9E9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  margin-bottom: 8px;
  cursor: pointer;
}
.cc-select-item:hover,.cc-select-item.active{background: #eee;background: #2984ff;color: #fff;}
.disable {
  pointer-events: none;
}
.cc-bold{
  font-weight: 500;
}
.top-tips-wrap{
  text-align: center;

}
.top-tips{
  font-weight: 500;
  color: #FFFFFF;
  padding: 4px 8px;
  background: #CCCCCC;
  border-radius: 4px;
  width: auto;
  display: inline-block;
}
.time-wrap{
  font-weight: 500;
  color: #CCCCCC;
  text-align: center;
}
.select-city-wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.mask{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.select-city-content{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 33.3vw;
  background: #fff;
}
.select-city-tab-wrap{
  width: 100%;
  display: flex;
  height: 53px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(238, 238, 238, .5);
}
.select-city-tab-item{
  margin-right: 28px;
  position: relative;
  height: 53px;
  line-height: 54px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.select-city-tab-item.active{
  color: #2984FF;
}
.select-city-tab-item.active::after{
  position: absolute;
  content: '';
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 4px;
  background: #2984FF;
  border-radius: 2px;
}
.select-city-item-wrap{
  padding: 13px 9px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(238, 238, 238, .5);
  overflow: hidden;
}
.select-city-item{
  width: 30%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #F8F8F8;
  border-radius: 4px;
  border: 1px solid rgba(238, 238, 238, .5);
  font-size: 16px;
  font-weight: 500;
  color: #3A3A3A;
  margin: 0 7px 18px;
  box-sizing: border-box;
}
.select-city-item.active{
  background: rgba(212, 230, 255, 1);
  border: 1px solid #D4E6FF;
}
.select-city-btn-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 40px;
}
.select-city-clear{
  color: #357FFA;
}
.select-city-sure{
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 100%; */
  height: 35px;
  background: #FFFFFF;
  border: 1px solid rgb(221, 221, 221);
  font-size: 16px;
  font-weight: 400;
  color: #3A3A3A;
  margin-left: 20px;
  width: 60px;
  border-radius: 5px;
}

.select-city-sure{
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 100%; */
  height: 35px;
  background: #FFFFFF;
  border: 1px solid rgb(221, 221, 221);
  font-size: 16px;
  font-weight: 400;
  color: #3A3A3A;
  margin-left: 20px;
  width: 60px;
  border-radius: 5px;
}

.reply-wrap{
  padding: 10px 0;
  display: flex;
}

.reply-item{
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #999;
padding: 10px 10px 5px 10px;border-radius: 10px;cursor: pointer;}
.reply-item.active{color:#fff;background: #c98e3f;}
.reply-item:hover{color:#c98e3f;background: #fff4e4;}
.reply-item img{width: 48px;}
.reply-item:last-child{
  margin-right: 0;
}

.cc.bold{
  font-weight: bold;
}

.checkbox-wrap{
  /* font-size: 15px; */
  font-weight: 400;
  color: #666666;
  padding-top: 5px;
  width: 260px;
  max-width: 80vw;
}

.checkbox-item{
  /* position: relative; */
  /* padding-left: 24px; */
  margin-bottom: 8px;
}
.reply-item .img{
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
}
.reply-item .img.reply1 {
  background: url('../../images/zxkf_new/new/reply1.png') no-repeat center center;
  background-size: cover;
}
.reply-item .img.reply2 {
  background: url('../../images/zxkf_new/new/reply2.png') no-repeat center center;
  background-size: cover;
}
.reply-item .img.reply3 {
  background: url('../../images/zxkf_new/new/reply3.png') no-repeat center center;
  background-size: cover;
}
.reply-item .img.reply4 {
  background: url('../../images/zxkf_new/new/reply4.png') no-repeat center center;
  background-size: cover;
}
.reply-item .img.reply5 {
  background: url('../../images/zxkf_new/new/reply5.png') no-repeat center center;
  background-size: cover;
}
.checkbox-btn-wrap{
  padding: 10px 0;
  display: flex;
  justify-content: flex-end;
}
.checkbox-btn{
  width: 70px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
}
.cancel{
  margin-right: 8px;
}
.confirm{
  color: #fff;
  background:  #2984FF;
}
.confirm:hover{
  color: #fff;
  background:  #1578f9;
}
.checkbox-btn.disabled{background-color: #ddd;cursor: default;color: #999;}

/*图片缩略图*/
.small-image {
  max-width: 400px;
}

.top-scroll-wrap{
  box-sizing: border-box;
  overflow-x: auto;
  width: auto;
  white-space: nowrap;
  padding: 15px 0;
  background: #F6F6F6;
  margin: 0 -16px;
  display: flex;
  justify-content: center;
}


.top-scroll-item{
  box-sizing: border-box;
  height: 80px;background: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(187, 161, 161, 0.2);
  padding: 0 10px;
  font-weight: 600;
  color: #333;
  margin-right: 20px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  cursor: pointer;
  border-radius: 5px;
  flex-shrink: 0;
}

.top-scroll-item:last-child{
  margin-right: 0;
}
.top-scroll-item-img{
  width: 48px;
  height: 48px;
  margin-bottom: 6px;
}


.question-list-tit{
  font-size: 16px;
  font-weight: 600;
  color: #333;
  position: relative;
display: flex;align-items: center;justify-content: space-between;}
.question-list-tit .right{
  font-weight: normal;
}
.question-list-item{
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.question-list-item.hide {
  display: none;
}
.question-list-item.show {
  display: flex;
}
.question-list-item-content{
  white-space: pre-wrap;
  color: #2984FF;
  padding-left: 2px;
  cursor: pointer;
}
.question-list-item-icon{
  flex-shrink: 0;
  width:10px;
  height: 10px;
  margin:0 5px;
  background: url('../../images/zxkf_new/new/arrow-right.png') no-repeat center center;
}
.question-list-change-btn{
  width: 100px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E9E9E9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #2984FF;
  margin: 12px auto;

}
.guess-you-question{
  padding: 9px 0 0;
  margin-top: 9px;
  border-top: 1px dashed #ddd;
  color: #2984FF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.guess-you-question-icon{
  width: 15px;
  height: 15px;;
}
.guess-you-question-img{
  width: 120px;
  height: 36px;
  background: url('../../images/zxkf_new/new/service.png') no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
.self-order-img{
  width: 120px;
  height: 36px;
  background: url('../../images/zxkf_new/new/self-order.png') no-repeat center center;
  background-size: cover;
  cursor: pointer;
  border: none;
  margin-right: 10px;
}
.qq-list-bottom-btn-wrap{
  position: absolute;
  left: 0;
  top: 10px;
  overflow-x: scroll;
  z-index: 1;
}


.qq-list-bottom-btn-item-wrap{
  white-space: nowrap;
  padding-left: 15px
  
}
.qq-list-bottom-btn-item{
  display: inline-block;
  margin-right: 8px;
  padding: 5px 10px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #E9E9E9;
  color: #333;
  cursor: pointer;
}
.qq-foot{
  overflow: visible;
}
.qq-list{
  padding-bottom: 50px;
}
.source-box{display: flex;justify-content: space-between;color: #999;font-size: 13px;border-top: 1px dashed #ddd; padding: 10px 0 0;}
.source-box .ll{display: flex;align-items: start;}
.source-box .tt img{flex-shrink: 1;width: 16px;height: 16px;margin-right: 3px;}
.source-box .tt{display: flex;align-items: center;flex-shrink: 0;}
.source-box .con{color: #775762;overflow: hidden;}
.source-box .controls{color: #999;margin-left: 10px;flex-shrink:0;display: block;}
.source-box .controls i{display: inline-block;width: 16px;height: 16px;background: url(../../images/zxkf_new/new/icon_arrow_d.png) no-repeat;margin-left: 5px;vertical-align: -7px;}
.source-box .controls.active i{background-image: url(../../images/zxkf_new/new/icon_arrow_u.png);}
.source-box .icon-source{display: inline-block; width: 16px; height: 16px; background: url(../../images/zxkf_new/new/icon_source.png) no-repeat; background-size: 16px; margin-right: 3px;}
/* 2021-07-03 新增end*/
.guess-you-reply{
   padding: 10px;
    font-weight: 400;
    color: #999;
    background-color: #ecebf1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px -10px -10px -10px;
    border-radius: 0 0 10px 10px;
}
.guess-you-reply-item {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #999;
  cursor: pointer;
}

.guess-you-reply-item.bad {
  color: #999;
  margin: 0 13px;
}
.guess-you-reply-item.active {
  color: #2984FF;
}
.guess-you-reply-item .img{
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.guess-you-reply-item .img.good {
  background: url('../../images/zxkf_new/new/good.png') no-repeat center center;
  background-size: cover;
}
.guess-you-reply-item.active .img.good {
  background: url('../../images/zxkf_new/new/good-blue.png');
  background-size: cover;
}
.guess-you-reply-item .img.bad {
  background: url('../../images/zxkf_new/new/bad.png') no-repeat center center;
  background-size: cover;
}
.guess-you-reply-item.active .img.bad {
  background: url('../../images/zxkf_new/new/bad-blue.png') no-repeat center center;
  background-size: cover;
}
.more-faq-detail.img{
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url('../../images/zxkf_new/new/icon_arrow_down.png') no-repeat center center;
  background-size: cover;
}

/* 2021-08-17 新增begin */
.btn-refresh{
  display: inline-block;width: 26px;height: 26px;background: url(../../images/zxkf_new/new/icon_refresh.png) no-repeat; background-size: 26px 26px;
}
.tips-btn{display: flex;justify-content: center;align-items: center;}
.tips-btn .btn-refresh{margin-left: 5px;flex-shrink: 0;}
/*图片缩略图*/
.media-size{
  max-width: 400px;
  max-height: 1000px;
  margin-top: 5px;
  cursor: zoom-in;
}
.media-wrap{display: block; overflow: hidden; position: relative;z-index: 1;}

/* 前端20220119 */
.btn-default-outline{border:1px solid #2984FF;color: #2984FF;background-color: #f2f9ff;}
.btn-default-outline:hover{background-color: #e1eefa;border:1px solid #2984FF;color: #2984FF;}
.icon-refresh-blue{background:url(../../images/zxkf_new/new/icon_refresh_blue.png);width: 16px;height: 18px;vertical-align: middle;}
.btn .icon-refresh-blue,
.btn-text .icon-refresh-blue{margin-right: 5px;}
.btn-text{color:#2984FF ;}
.btn-round-lg{height: 34px;line-height: 34px;border-radius: 20px;padding-top: 0;padding-bottom: 0;}
.btn-block{display: block;}
.span-btn-2{display: flex;}
.span-btn-2 .btn{flex: 1;}
.span-btn-2 .btn:first-child{margin-right: 5px;}
.span-btn-2 .btn:last-child{margin-left: 5px;}

.page-info-ell{max-height: 100px;overflow: hidden;}
.more{display:inline-block;margin-top: 5px;margin-bottom: 5px;text-align: center;background: #1f74e3;border-radius: 20px; padding: 6px 20px;color: #fff;}
.more:hover{background: #1763c7;color: #fff;}
.more img,.more .img{display: none;}
.more-box{line-height: 1.8;text-indent: 2em;}

.form-horizontal{  padding: 10px; }
.form-horizontal .fix{margin-bottom:15px; display: flex;flex-direction: column;}
.form-horizontal .fix:after { display: table; content: ''; clear: both; }
.form-horizontal .label {     font-weight: bold;margin-bottom: 5px;}
.form-horizontal .offset-x{ justify-content: center;}
.form-horizontal .fix:last-child,.form-horizontal .fix.last{ margin-bottom: 0; }
.form-horizontal .fix.hide{display: none;}

input[type="radio"],
input[type="checkbox"] {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
input[type="checkbox"]{
    border-radius: 2px;
}
input[type="radio"]:checked,
input[type="radio"].aui-checked,
input[type="checkbox"]:checked,
input[type="checkbox"].aui-checked {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
    text-align: center;
    background-clip: padding-box;
}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after{
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background: transparent;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
input[type="radio"]:disabled,
input[type="radio"].aui-disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].aui-disabled {
    background-color: #ddd;
    border: solid 1px #ddd;
}
input[type="radio"]:disabled:before,
input[type="radio"].aui-disabled:before,
input[type="radio"]:disabled:after,
input[type="radio"].aui-disabled:after,
input[type="checkbox"]:disabled:before,
input[type="checkbox"].aui-disabled:before,
input[type="checkbox"]:disabled:after,
input[type="checkbox"].aui-disabled:after {
    content: '';
    width: 10px;
    height:6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
label > input[type="checkbox"],
label > input[type="radio"]{margin-right: 5px;}
.input-wrap textarea:focus{background-color: #fff;}



@media screen and (max-width:960px){
  .qq-list{line-height: 1.5;}
  .wrap{margin:0;border-radius:0;height:100%;background-image: none;}
  .header .brand{line-height:36px;border-left:none;padding-left:0;}
  .complete-list{width:auto;max-width:70%;}
  .qq-list .suggest-list, .qq-list .suggest-tags, .qq-list .pic-list{max-width: calc(100% - 40px);}
  .modal{width:auto!important;left:20px!important;right:20px!important;margin-left:auto!important;margin-right:auto!important;}
  .qq-foot .input-wrap{
    background: #fff;
    box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.15);
    height:auto;padding: 10px 16px;display: flex;justify-content: center;align-items: center;}
  .qq-foot .input-wrap .chart-input{height:40px;margin: 0 0 0 0;
    border-radius: 20px;
    border: 1px solid #F2F2F2;
    background: #F4F5F7;
    padding: 6px 20px;}
  .header{display:none;}
  .content {height: 100%;overflow: hidden;margin: 0px;}
  .qq-content{flex:1}
  .qq-list .thumb{width: 40px;height: 40px;}
  .qq-box .complete-list{bottom: 122px;}
  .qq-list .cc{margin-left: 50px;}
  .qq-list li.media-right .cc{margin-right: 48px;max-width:calc(100% - 94px);}
  .qq-list>li{margin-left: 5px;margin-right: 5px;}
  .guess-you-question{flex-wrap: wrap;}
  .self-order-img{margin-bottom: 5px;}
  .fixed-btns{margin-left: 0;left: 5px;bottom: 129px;}
  .qq-box{width: 100%;display: flex;flex-direction: column; }
  .qq-content{border-top-left-radius: 0;flex-shrink: 0}
  .qq-foot .input-wrap .actions{bottom:18px;}
  .qq-foot{height: auto;flex-shrink: 0;}
  .qq-foot .actions{
    display: none;
  }
  .qq-foot .box-add{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 81px;
    top: 50%;
    transform: translateY(-50%);
  }
  .qq-foot .input-wrap .input-wrap-icon {
    position: static;
    box-shadow:none;
    background: #F4F5F7;
    margin-left: 12px;
    border-radius: 50%;
  }
  .input-wrap-send{
    display: none;
    background-color:#2984FF;
    width: 64px;
    height: 40px;
    margin-right: -10px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    margin-left: 9px;
  }
  .select-city-wrap{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
  }
  .select-city-content{
    width: 100%;
    background: #fff;
    top: auto;
  }
  .select-city-item-wrap{
    max-height: 50vh;
    overflow-y: scroll;
  }
  .select-city-item{
    width: 105px;
  }

  .select-city-btn-wrap{
    padding: 0;
  }
  .select-city-sure{
    width: 100%;
    height: 52px;
    color: #357FFA;
    border:none;
  }
  .suggest-tags a{
    color: #666666;
  }
 
  .select-city-clear{
    display: none;
  }

  .inner.reply .thumb{
    display: none;
  }
  .inner.reply .cc{
    max-width: 100%;
    margin-left:0;
    /* width: 100%; */
    padding: 7px 13px;
  }
  .reply-item{margin-right: 0;}
  .reply-item .img{
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
  }
  .reply-item .img.reply1 {
    background: url('../../images/zxkf_new/new/reply1.png') no-repeat center center;
    background-size: cover;
  }
  .reply-item .img.reply2 {
    background: url('../../images/zxkf_new/new/reply2.png') no-repeat center center;
    background-size: cover;
  }
  .reply-item .img.reply3 {
    background: url('../../images/zxkf_new/new/reply3.png') no-repeat center center;
    background-size: cover;
  }
  .reply-item .img.reply4 {
    background: url('../../images/zxkf_new/new/reply4.png') no-repeat center center;
    background-size: cover;
  }
  .reply-item .img.reply5 {
    background: url('../../images/zxkf_new/new/reply5.png') no-repeat center center;
    background-size: cover;
  }

  .reply-wrap{
    width: 100%;
    justify-content: space-between;
  }

  .checkbox-wrap{
    max-width: 100%;
    border-bottom: 1px solid #F2F2F2;
    padding: 5px 22px 0;
    margin: 0 -22px;
  }
  .checkbox-btn.cancel{
    background: #EFEFEF;
  }

  /*图片缩略图*/
  .small-image {
    max-width: 200px;
  }

  /* 2021-07-03 新增 */
  .top-scroll-wrap{
    box-sizing: border-box;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
    padding: 10px;
    margin: -5px;
    background: none;
  }


  .question-list-item{
    padding-bottom: 5px;
    padding-bottom: 5px;
  }

  .qeustion-list-change-btn{
    margin: 16px auto;
  }

  .qq-list-bottom-btn-wrap{
    top: -40px;
  }


  .qq-list-bottom-btn-item{
    padding: 5px 7px;
  }

  .qq-list{
    padding-bottom: 30px;
  }
  .media-size{max-width: 200px; margin-top: 5px;}
  

  /* 媒体查询老板年 */
  .senior .qq-foot .input-wrap .chart-input{height: 50px;}
  .senior .qq-list-bottom-btn-wrap{top:-72px}

}

/* 老年版 */
.senior{color: #000;line-height: 1.5;font-size: 26px;}
.senior .qq-list{line-height: 1.5;}
.senior .question-list-tit {font-size: 30px;}
.senior .tab li > a{line-height: 48px;height: 48px;}
.senior .qq-list .thumb{width: 80px;height: 80px;}
.senior .qq-list .thumb img{width: 100%;height: 100%;}
.senior .qq-list .cc{margin-left: 100px;}
.senior .f12{font-size: 20px !important;}
.senior .guess-you-question{font-size: 26px;}
.senior .qq-list li.media-right .cc{margin-right: 95px;}
.senior .cc-select-item{font-size: 26px; padding: 5px 10px; height: auto;}
.senior .suggest-tags-count{font-size: 30px;top: 10px;}
.senior .page-info-ell{max-height: 150px;}
.senior .checkbox-btn{font-size: 26px;width: 80px;height: 40px;}
.senior input[type="text"], .senior select, .senior textarea,.senior input[type="password"]{height: 54px;line-height: 1.5;}
.senior select{line-height: 1.6;}
.senior textarea{height: auto;}
.senior input[type="radio"]{width: 30px;height: 30px;border-radius: 50%;}
.senior input[type="checkbox"]{width: 30px;height: 30px;}
.senior .guess-you-reply{padding: 12px 0 10px 0;}
.senior .qq-foot .input-wrap .sent-tips,
.senior .reply-item,
.senior .guess-you-reply,
.senior .qq-foot .input-wrap .qq-btn{font-size: 20px;}
.senior .qq-foot .input-wrap .input-wrap-icon{top: 40px;}
.senior .qq-foot .input-wrap .input-wrap-icon >img{width: 28px;height: 28px;}
.senior .qq-foot .input-wrap .input-wrap-icon{width: 50px;height: 50px;}
.senior .modal-header{height: 50px;line-height: 50px;}
.senior .modal-header h4{font-size: 24px;}
.senior .modal .close{font-size: 40px;}
.senior .question-list-item-icon{width: 20px;height: 20px;}
.senior select {background-size: 24px 24px;}

.table {border-collapse:collapse; border:1px solid #eee; background: #fff; width:100%;}
.table thead {background-color: #f6f7f9; }
.table th,.table td {padding: 8px 10px;border-bottom:1px solid #eee; text-align: left;}
.table th{font-weight: bold;}
.table td{color: #666;}
.table tbody tr:nth-of-type(even){background-color: #fcfbfc;}


.icon-video{background: url(../../images/zxkf_new/new/icon_videoleval.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}
.media-right .icon-video{background-image: url(../../images/zxkf_new/new/icon_videoleval_w.png);}
.icon-voice{background: url(../../images/zxkf_new/new/voice.png) no-repeat;width: 24px;height: 24px;background-size: 100%;}
.media-right .icon-voice{background-image: url(../../images/zxkf_new/new/voice_r.png);}
.icon-attach{background: url(../../images/zxkf_new/new/icon_attach.png) no-repeat;width: 24px;height: 24px;background-size: 100%;vertical-align: -5px;}
.btn-show-video{color:#333;text-align: center;display: inline-block;padding: 10px 15px;}
.media-right .btn-show-voice,.media-right .btn-show-video{color: #fff;}
.media-right .btn-show-voice{text-align: right;}
.btn-show-voice{color:#333;display: inline-block;padding: 10px 15px;min-width: 90px;}
.btn-show-voice span{vertical-align:middle;}
.cc > .btn-show-video,.cc > .btn-show-voice{margin: -8px -12px;}
.media-left .btn-show-voice.active .icon-voice{background-image: url(../../images/zxkf_new/new/voice_l.gif);}
.media-right .btn-show-voice.active .icon-voice{background-image: url(../../images/zxkf_new/new/voice_r.gif);}

/* 图片放大 */
.img-pop-mask {position: fixed;background-color: #333;background-color: rgba(0, 0, 0, 0.3);top: 0;left: 0;width: 100%;height: 100%;z-index: 9971;display: none;}
.zoom-img-cc{display: none;cursor: zoom-out;position: fixed;z-index: 9972;top: 0;left: 0;bottom: 0; text-align: center;width: 100%;color: #fff; }
.video-pop video{max-height: 100%;max-width: 100%;display: inline-block;margin-left: auto;margin-right: auto;position: relative;top: 50%;transform: translateY(-50%);width:80%;background-color: rgba(0,0,0,0.8);}
.zoom-img-cc img{max-height: 100%;max-width: 100%; display: inline-block;margin-left: auto;margin-right: auto;position: relative;top: 50%;transform: translateY(-50%);}
.zoom-img-cc .inner{position: relative;top: 50%;transform: translateY(-50%);}
.zoom-img-cc .close{position: fixed;margin-left: 20px;top: 20px;font-size: 60px;color: #666;right: 50px;}

.text-underline{text-decoration: underline;}
.img-text .media-wrap{margin:10px 10px 10px 0;border-radius: 0;display: inline-block;}
.attach-item{margin-bottom: 5px;}

.modal-body img {
  max-width: 100% !important;
  height: auto!important;
  margin: 10px auto;
}
.modal-body table {
  width: 100% !important;
}